﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>分级评估系统</title>
    <link
        href='https://fonts.googleapis.com/css?family=Quicksand:400,700|Quattrocento+Sans:400,700|Palanquin:400,600|Raleway|Josefin+Sans'
        rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/css/font-awesome.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.css">
    <link rel="stylesheet" href="assets/css/owl.theme.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>


    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="logo">
                        <h2><a href="#">房间列表</a></h2>
                    </div>
                </div>
                <div class="col-md-8">
                    <div id="menu" class="menu">
                        <ul>
                            <li><a href="index.html" class="active">主页</a></li>
                            <li><a href="list.html">房间列表</a></li>
                            <li><a href="new.html">新的房间录入</a></li>
                            <li><a href="results.html">查看结果</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="first-content">
        <ul class="list-group">
            <li class="list-group-item">
                <div>
                    房间号
                    <span class="badge">3</span>
                    <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#result_1"
                        style="float:right;padding:0">
                        查看结果
                    </button>

                    <div id="result_1" class="house_result collapse">
                        <div class="draw_line"></div>
                        <ul>
                            <li style="list-style-type: none">
                                <label>声环境</label>
                                <div>室内噪声级等级为：</div>
                                <div>室内噪声级等级为：</div>
                            </li>
                            <li style="list-style-type: none">
                                <label>光环境</label>
                                <div>评级为：</div>
                            </li>
                            <li style="list-style-type: none">
                                <label>热环境</label>
                                <div> 评级为：</div>
                            </li>
                            <li style="list-style-type: none">
                                <label>空气品质</label>
                                <div>评级为：</div>
                            </li>
                            <li style="list-style-type: none">
                                <label>主观问卷</label>
                                <div>评级为：</div>
                            </li>
                            <li style="list-style-type: none">
                                <label>房屋综合等级评价为：</label>？星
                                 
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <span class="badge">3</span>
                房间号
            </li>
            <li class="list-group-item">
                <span class="badge">3</span>
                房间号
            </li>
            <li class="list-group-item">
                <span class="badge">3</span>
                房间号
            </li>
            <li class="list-group-item">
                <span class="badge">3</span>
                房间号
            </li>
            <li class="list-group-item">
                <span class="badge">3</span>
                房间号
            </li>
        </ul>
    </div>
    <footer>
        <div class="main-footer">
            <p> Copyright © 2019</p>
            <!-- <div class="icons">
					<ul>
						<li><a target="_BLANK" href="http://facebook.com/"><i class="fa fa-facebook"></i> </a></li>
						<li><a target="_BLANK" href="http://instagram.com/"><i class="fa fa-instagram"></i> </a></li>
						<li><a target="_BLANK" href="http://twitter.com/"><i class="fa fa-twitter"></i></a></li>
						<li><a target="_BLANK" href="http://behance.net/"><i class="fa fa-behance"></i></a></li>
					</ul>
				</div> -->
        </div>
    </footer>
    <script src="assets/js/jquery-2.1.4.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.slicknav.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/owl.carousel.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/engine.js"></script>
</body>

</html>